@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea { padding:75px 0 70px; }
.aArea01 .txt { float:left; width:54%; }
.aArea01 .txt .p1 { font-size:72px; font-weight:bold; color:#f1efef; font-family:"Impact"; line-height:1; }
.aArea01 .txt .p2 { font-size:26px; font-weight:bold; color:#5eacfe; font-weight:bold; line-height:1; position:relative; margin-top:-24px; z-index:5; }
.aArea01 .txt .p3 { font-size:16px; color:#555; line-height:40px; padding-top:25px; margin:20px 0 50px; border-top:1px solid #dbdbdb; text-align:justify; }
.aArea01 .txt .p4 a { display:block; width:140px; height:42px; border:1px solid #dbdbdb; border-radius:10px; font-size:16px; color:#333; text-align:center; line-height:42px; }
.aArea01 .txt .p4 a i { display:inline-block; padding-right:25px; background:url(m01.png) no-repeat center right; text-transform:uppercase; }
.aArea01 .pic { float:right; width:42.5%; }
.aArea01 .pic img { max-width:100%; }

.aArea02 { margin-top:35px; }
.aArea02 ul li { float:left; width:17.5%; margin-right:10%; text-align:center; color:#666; line-height:1; }
.aArea02 ul li:nth-child(4) { margin-right:0; }
.aArea02 ul li .p1 { font-size:14px; }
.aArea02 ul li .p1 i { font-size:42px; font-weight:bold; color:#5eacfe; font-family:"Arial"; padding-right:6px; }
.aArea02 ul li .p2 { border-top:1px solid #e5e5e5; font-size:18px; padding-top:10px; margin-top:10px; }

@media all and (max-width:1700px){
	.aArea01 .txt .p1 { font-size:60px; }
	.aArea01 .txt .p3 { line-height:30px; padding-top:15px; margin:20px 0; }
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; }
	.aArea01 .txt .p1 { font-size:50px; }
	.aArea01 .txt .p2 { font-size:20px; margin-top:-26px; }
	.aArea01 .txt .p3 { font-size:14px; line-height:25px; padding-top:10px; margin:15px 0; }
	.aArea01 .txt .p4 a { width:120px; height:35px; font-size:14px; line-height:35px; margin:0 auto; }
	.aArea01 .pic { width:44%; }
}
@media all and (max-width:800px){
	.aArea { padding:30px 0 10px; }
	.aArea01 .txt { float:none; width:100%; padding-bottom:30px; }
	.aArea01 .txt .p3 { font-size:12px; line-height:20px; }
	.aArea01 .pic { float:none; width:100%; }
	.aArea01 .pic img { width:100%; height:auto; }
	
	.aArea02 ul li { width:40%; margin-right:20%; margin-bottom:30px; }
	.aArea02 ul li:nth-child(2n) { margin-right:0; }
	.aArea02 ul li .p1 { font-size:14px; }
	.aArea02 ul li .p1 i { font-size:24px; padding-right:5px; }
	.aArea02 ul li .p2 { font-size:14px; }
}

.Area-hd { position:relative; text-align:center; margin-bottom:35px; }
.Area-hd .p1 { position:relative; font-size:34px; color:#4ca3fe; font-weight:bold; line-height:35px; margin-bottom:15px; z-index:5; }
.Area-hd .p2 { width:32px; height:3px; background:#4ca3fe; margin:0 auto; }
.Area-hd .p3 { position:absolute; top:-30px; left:0; width:100%; font-size:72px; font-weight:bold; color:#f1efef; font-family:"Impact"; line-height:1; z-index:1; }

@media all and (max-width:1200px){
	.Area-hd { margin-bottom:25px; }
	.Area-hd .p1 { font-size:28px; line-height:30px; }
	.Area-hd .p3 { font-size:50px; top:-20px; }
}
@media all and (max-width:750px){
	.Area-hd .p1 { font-size:24px; }
}

.bArea { padding:70px 0; background:url(bArea.jpg) no-repeat center; background-size:cover; }
.bArea01 .hd { text-align:center; margin-bottom:45px; }
.bArea01 .hd ul li { display:inline-block; padding:0 20px; margin:0 5px; height:30px; line-height:30px; font-size:16px; color:#263d4f; border:1px solid transparent; border-radius:7px; cursor:pointer; }
.bArea01 .hd ul li.on { border:1px solid #5eacfe; background:rgba(94,172,254,0.2); color:#5eacfe; }

.bArea01 .bd01 { position:relative; }
.bArea01 .preva,.bArea01 .nexta { position:absolute; display:block; width:38px; height:38px; top:50%; margin-top:-19px; z-index:5; cursor:pointer; }
.bArea01 .preva { background:url(prev.png) no-repeat center; left:-80px; }
.bArea01 .nexta { background:url(next.png) no-repeat center; right:-80px; }

.bArea01 .bd01 .swiper-slide .txt { margin:0 20px; padding:0 25px 15px 25px; background:#7c838b; }
.bArea01 .bd01 .swiper-slide .txt .p1 { font-size:20px; color:#fff; font-weight:bold; height:60px; line-height:60px; background:url(b01.png) no-repeat center right; border-bottom:1px solid #969ca2; padding-right:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .bd01 .swiper-slide .txt .p2 { font-size:14px; margin-top:15px; color:rgba(255,255,255,0.5); height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }


@media all and (min-width:1200px){
	.bArea01 .bd01 .swiper-slide .pic { overflow:hidden; }
	.bArea01 .bd01 .swiper-slide .pic img { transition: all 0.6s; }
	.bArea01 .bd01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
	.bArea01 .bd01 .swiper-slide:hover .txt { background:#4CA3FE; }
	.bArea01 .bd01 .swiper-slide:hover .txt .p1 { color:#fff; border-color:#fff; }
	.bArea01 .bd01 .swiper-slide:hover .txt .p2 { color:#fff; }
}
@media all and (max-width:1200px){
	.bArea { padding:50px 0; }
	.bArea01 .hd { margin-bottom:25px; }
	.bArea01 .hd ul li { padding:0 15px; margin:0 5px; font-size:14px; }
	
	.bArea01 .bd01 .swiper-slide .txt { margin:0; padding:0 15px 15px 15px; }
	.bArea01 .bd01 .swiper-slide .txt .p1 { font-size:16px; height:40px; line-height:40px;  }
	.bArea01 .bd01 .swiper-slide .txt .p2 { font-size:14px; margin-top:10px;  }
}
@media all and (max-width:750px){
	.bArea { padding:30px 0; }
	.bArea01 .hd ul li { padding:0 5px; margin:0 2px; font-size:12px; height:25px; line-height:25px; }
}

.cArea { padding:90px 0 60px; }
.cArea01 { position:relative; }
.cArea01 .prev3,.cArea01 .next3 { position:absolute; display:block; width:38px; height:38px; top:50%; margin-top:-19px; z-index:5; cursor:pointer; }
.cArea01 .prev3 { background:url(prev.png) no-repeat center; left:-80px; }
.cArea01 .next3 { background:url(next.png) no-repeat center; right:-80px; }

.cArea01 .swiper-slide .txt { border:1px solid #dbdada; border-top:none; padding:25px 25px 15px 25px; background:#fff; }
.cArea01 .swiper-slide .txt .p1 { font-size:20px; line-height:25px; height:25px; color:#333; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea01 .swiper-slide .txt .p2 { font-size:14px; line-height:20px; height:40px; color:#999; margin:15px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea01 .swiper-slide .txt .p3 { font-size:14px; color:#999; line-height:30px; }
.cArea01 .swiper-slide .txt .p3 p { float:right; width:100px; height:28px; text-align:center; line-height:28px; border:1px solid #aaa9a9; }
.cArea01 .swiper-slide .txt .p3 p i { display:inline-block; padding-right:20px; background:url(c01.png) no-repeat center right; }

.cArea .more { margin-top:60px; }
.cArea .more a { display:block; margin:0 auto; width:140px; height:42px; border:1px solid #dbdbdb; border-radius:10px; font-size:16px; color:#333; text-align:center; line-height:42px; }
.cArea .more a i { display:inline-block; padding-right:25px; background:url(m01.png) no-repeat center right; text-transform:uppercase; }

@media all and (min-width:1200px){
	.cArea01 .swiper-slide .pic { overflow:hidden; }
	.cArea01 .swiper-slide .pic img { transition: all 0.6s; }
	.cArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
	.cArea01 .swiper-slide:hover .txt .p1 { color:#4CA3FE; }
	.cArea01 .swiper-slide:hover .txt .p3 p { border-color:#4CA3FE; color:#4CA3FE; }
	.cArea01 .swiper-slide:hover .txt .p3 p i { background:url(c02.png) no-repeat center right;  }
	
}
@media all and (max-width:1200px){
	.cArea { padding:50px 0 30px 0; }
	.cArea01 .swiper-slide .txt { padding:15px; }
	.cArea01 .swiper-slide .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.cArea01 .swiper-slide .txt .p2 { font-size:12px; margin:10px 0; }
	.cArea01 .swiper-slide .txt .p3 { font-size:12px; }

	.cArea .more { margin-top:30px; }
	.cArea .more a { width:120px; height:35px; font-size:14px; line-height:35px; }
}

.dArea { padding-top:75px; background:url(dArea.jpg) no-repeat center; background-size:cover; }
.dArea01 .bd .pic { float:right; width:43.5%; }
.dArea01 .bd .txt { float:left; width:47%; padding-top:4%; }
.dArea01 .bd .txt .p1 { font-size:36px; color:#263d4f; line-height:40px; font-weight:bold; }
.dArea01 .bd .txt .p2 { font-size:18px; color:#263d4f; line-height:35px; margin:25px 0 50px; }
.dArea01 .bd .txt .p3 a { display:block; width:140px; height:42px; background:#cdd5dc; border-radius:10px; font-size:16px; color:#333; text-align:center; line-height:42px; }
.dArea01 .bd .txt .p3 a i { display:inline-block; padding-right:25px; background:url(m01.png) no-repeat center right; text-transform:uppercase; }

.dArea01 .hd { background:#dfe3e8; margin-top:60px; }
.dArea01 .hd ul li { float:left; width:20%; text-align:center; padding:40px 0 20px; cursor:pointer; }
.dArea01 .hd ul li .p1 { min-height:55px; }
.dArea01 .hd ul li .p1 .img02 { display:none; }
.dArea01 .hd ul li .p2 { font-size:22px; line-height:25px; color:#333; }
.dArea01 .hd ul li .p3 { font-size:16px; line-height:20px; color:#b0b3b7; margin:10px 0 5px; }
.dArea01 .hd ul li .p4 { font-size:22px; line-height:25px; color:#333; }

.dArea01 .hd ul li.on { background:#6bb3fe; }
.dArea01 .hd ul li.on .p1 .img01 { display:none; }
.dArea01 .hd ul li.on .p1 .img02 { display:inline-block; }
.dArea01 .hd ul li.on .p2 { color:#fff; }
.dArea01 .hd ul li.on .p3 { color:rgba(255,255,255,0.4); }
.dArea01 .hd ul li.on .p4 { color:#fff; }

@media all and (max-width:1600px){
	.dArea01 .bd .txt { width:50%; padding-top:2%; }
	.dArea01 .bd .txt .p1 { font-size:30px; line-height:35px; }
	.dArea01 .bd .txt .p2 { font-size:16px; margin:25px 0 30px; }
}
@media all and (max-width:1200px){
	.dArea { padding-top:50px; }
	.dArea01 .bd .txt .p1 { font-size:24px; line-height:25px; }
	.dArea01 .bd .txt .p2 { font-size:14px; line-height:25px; margin:20px 0; }
	.dArea01 .bd .txt .p3 a { width:120px; height:35px; font-size:14px; line-height:35px; margin:0 auto; }
	
	.dArea01 .hd { margin-top:40px; }
	.dArea01 .hd ul li { padding:25px 0; }
	.dArea01 .hd ul li .p1 { min-height:50px; }
	.dArea01 .hd ul li .p2 { font-size:18px; line-height:20px; }
	.dArea01 .hd ul li .p3 { display:none; }
	.dArea01 .hd ul li .p4 { display:none; }	
}
@media all and (max-width:1000px){
	 .dArea01 .bd .txt { width:55%; }
}
@media all and (max-width:750px){
	.dArea { padding-top:30px; }
	.dArea01 .bd .txt { width:50%; }
	.dArea01 .bd .txt .p1 { font-size:20px; line-height:20px; }
	.dArea01 .bd .txt .p2 { font-size:12px; line-height:20px; margin:15px 0; }
	.dArea01 .bd .pic { width:48%; }
 
	.dArea01 .hd { margin-top:25px; }
	.dArea01 .hd ul li { padding:20px 0; }
	.dArea01 .hd ul li .p1 { min-height:35px; }
	.dArea01 .hd ul li .p1 img { height:25px; width:auto; }
	.dArea01 .hd ul li .p2 { font-size:14px; }	
}
@media all and (max-width:560px){
	.dArea01 .bd .txt { float:none; width:100%; padding-bottom:30px; }
	.dArea01 .bd .pic { float:none; width:100%; }
}

.eArea { padding:85px 0; }
.eArea ul li { float:left; width:32%; margin-right:2%; }
.eArea ul li:nth-child(3) { margin-right:0; margin-bottom:0; }

@media all and (max-width:1200px){
	.eArea { padding:40px 0; }
}
@media all and (max-width:750px){
	.eArea ul li { float:none; width:100%; margin-right:0; margin-bottom:10px; }
}